<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
    <title>Documentation - Materialize</title>
    <!-- CSS  -->
     <link href="../../../bin/materialize.css" type="text/css" rel="stylesheet" media="screen,projection" />
  </head>
  <body>
    <style type="text/css">
    </style>

    <div class="navbar-fixed">
      <nav>
        <div class="nav-wrapper">
          <a href="#!" class="brand-logo">Logo</a>
          <ul class="right hide-on-med-and-down">
            <li><a href="sass.html">Sass</a></li>
            <li><a href="badges.html">Components</a></li>
          </ul>
          <ul id="slide-out" class="sidenav">
            <li><a href="#!">First Sidebar Link</a></li>
            <li><a href="#!">Second Sidebar Link</a></li>
          </ul>
          <a href="#" data-target="slide-out" class="sidenav-trigger"><i class="mdi-navigation-menu"></i></a>
        </div>
      </nav>
    </div>

    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>
    <p>Testing</p>
    <br>





    <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
    <script src="../../../bin/materialize.js"></script>

    <script type="text/javascript">
    $( document ).ready(function() {
      $(".sidenav").sidenav({
         edge: 'right', menuWidth: 300
       });



    });



    </script>
  </body>
</html>
